<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片与文字环绕</title>
		<style>
			/*图片添加浮动，段落不加浮动*/
			img{
				width: 200px;
				height: 200px;
				float: left;
			}
		</style>
	</head>
	<body>
		<img src="../img/蜡笔小新.png" alt="小新" />
		<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cupiditate nam accusantium eaque dolor corporis, necessitatibus, placeat, voluptatum omnis fugiat voluptatibus ut. Accusamus, reiciendis optio repellat quibusdam soluta iure commodi sit?Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius voluptatem eos facilis voluptas aspernatur. Eos possimus ullam ab quaerat? Aperiam aut voluptas accusamus voluptates optio eveniet quibusdam est, eligendi Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam eos quod explicabo, quibusdam rem sed earum libero nobis aut beatae. Libero, vel et? Deleniti veritatis soluta dolorum nihil, quisquam <enim class="lorem"></enim>></aliquam></p>
	</body>
</html>